@charset "utf-8";
*{margin: 0 auto;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;}
input{outline: none;}
button {outline:none;}
body{min-width: 1263px;background: #FFFFFF;position: relative;}
body{font-family: "Noto Sans SC";}
input{border: none;}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{width: 100%;}

/* 头部 */
.head{width: 100%;height: 100px;box-sizing: border-box;position: absolute;z-index: 11;min-width: 1263px;}
.head .logo{float: left;width: 19%;height: 0;margin-top: 27px;position: relative;overflow: hidden;padding-top: 3.23%;margin-left: 1.5625%;}
.head .logo img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.head .phone{float: right;width: auto;height: auto;margin-top: 27px;overflow: hidden;margin-left: 4%;width: 9%;margin-right: 1.5625%;}
.head .phone img{float: left;width: 17%;height: 100%;margin-top: 4.06%;}
.head .phone .text{float: left;padding-left: 4.06%;}
.head .phone .text .p16{font-size: 0.83vw;color: #FFFFFF;}
.head .phone .text .p20{font-size: 1.041vw;color: #FFFFFF;}
.head .CE{float: right;font-size: 0.9375vw;color: rgba(255,255,255,.6);line-height: 100px;margin-left: 2.3%;}
.head .nav{float: right;width: 53%;}
.head .nav li{float: left;width: auto;height: auto;height: 100px;position: relative;width: 12.5%;list-style: none}
.head .nav a{float: left;font-size: 0.9375vw;color: #FFFFFF;line-height: 100px;width: 100%;text-align: center;}
.head .nav a:first-child{margin-left: 0;}
.head .nav li ul{position: absolute;width: 100%;top: 101px;display: none;z-index: 99;overflow: hidden;}
.head .nav .on{border-bottom: 1px solid #fff;}
.head .nav li ul a{width: 100%;height: 40px;background: #0083c7;line-height: 40px;transition:.2s}
.head .nav li ul a:hover{background: #006fa8;}


/* banner */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{display: block;width: 100%;}
/* 定位小圆点 */
.banner .swiper-pagination{position: absolute;bottom: 46px;height: 40px;line-height: 40px;}
/* 设置小圆点 */
.banner .swiper-pagination-bullet{width: 31px;height: 2px;opacity: .5;background: #fff;vertical-align: middle;border-radius: 0!important;}
/* 呈现 */
.banner .swiper-pagination-bullet-active{width: 31px;height: 2px;opacity: 1;background: #fff;margin-bottom: 5px!important;transition: .2s;border-radius: 0!important;}
        @keyframes mymove {
            0% { opacity: 1; }
            50% { opacity: 0; }
            100% { opacity: 1; }
        }

.banner .scroll{display: block;width: 104px;height: 49px;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 20px;z-index: 3;cursor: pointer;animation: mymove 3s ease infinite;}
@keyframes mymove {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}





/* 栏目 */
.h{width: auto;text-align: center;}
.h .ftitle{font-size: 36px;color: #0083c7;text-transform: uppercase;}
.h .name{font-size: 28px;color: #272727;}

/* 关于我们 */
.usBg{width: 100%;height: auto;background: url(../images/jjBg.png) no-repeat bottom;}
.us{max-width: 1360px;min-height: 591px;padding: 100px 0 160px;}
.us .le{float: left;width: 38.67%;height: auto;}
.us .le .img{width: 100%;height: 0;padding-top: 56.84%;position: relative;overflow: hidden;margin-bottom: 31px;}
.us .le .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.us .txtScroll-left{width: 100%;padding: 0 4.75%;box-sizing: border-box;position: relative;overflow: hidden;}
.us .txtScroll-left .hd{width: 100%;height: 46px;overflow: hidden;margin-bottom: 20px;}
.us .txtScroll-left .hd .text{float: left;width: auto;height: 100%;overflow: hidden;}
.us .txtScroll-left .hd .text img{float: left;width: auto;height: 100%;}
.us .txtScroll-left .hd .text .p16{float: left;font-size: 16px;color: #272727;padding-left: 16px;padding-top: 5px;}
.us .txtScroll-left .hd .text .p16 .p12{font-size: 12px;text-transform: uppercase;}
.us .txtScroll-left .hd .pageState{float: right;font-size: 16px;margin-top: 10px;}
.us .txtScroll-left .hd .pageState span{color: #0083c7;}
.us .txtScroll-left .hd .posi{position: absolute;right: 4.75%;bottom: 0;z-index: 99;height: auto;background: #fff;}
.us .txtScroll-left .hd .posi .line{display: inline-block;width: 1px;height: 12px;background: #afafaf;margin: 0 5px;} 
.us .txtScroll-left .hd .posi .next{display:inline-block;width: 8px;height: 12px;background: url(../images/ysAct.png)no-repeat center;cursor: pointer;}
.us .txtScroll-left .hd .posi .prev{display:inline-block;width: 8px;height: 12px;background: url(../images/ysRiact.png)no-repeat center;cursor: pointer;}
.us .txtScroll-left .bd .infoList a{font-size: 16px;color: #272727;}



.us .ri{float: right;width: calc(100% - 41.69%);padding-top: 20px;}
.us .ri .h{text-align: left;padding-bottom: 35px;}
.us .ri .text{font-size: 16px;color: #272727;line-height: 36px;text-align: justify;}
.us .ri .text p{margin-bottom: 10px;}
.us .ri .more{display: block;width: 146px;height: 40px;border: 1px solid #272727;border-radius: 40px;text-align: center;margin-left: 0;margin-top: 50px;transition: .5s;}
.us .ri .more p{display: inline-block;font-size: 16px;color: #272727;line-height: 40px;text-transform: uppercase;transition: .5s;}
.us .ri .more img{display: inline-block;padding-left: 15px;transition: .5s;vertical-align: middle;margin-top: -4px;}
.us .ri .more:hover{background: #007AFF;border: 1px solid #007AFF;}
.us .ri .more:hover p{color: #fff;}
.us .ri .more:hover img{-webkit-filter: grayscale(100%) brightness(1000%)}

/* 产品展示 */
.productBg{width: 100%;height: 777px;padding: 80px 0;box-sizing: border-box;background: url(../images/productBg.jpg)no-repeat center;}
.product{max-width: 1360px;position: relative;}
.product .h{text-align: left;margin-bottom: 50px;}
.product .h .ftitle{color: #fff;}
.product .h .name{color: #fff;}
.product .swiper-slide{text-align: center;font-size: 18px;
/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);}
.product .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.product .productbody{padding-bottom: 40px;}
.product .swiper-slide a{display: block;width: 100%;height: auto;}
.product .swiper-slide .img{width: 100%;height: 0;position: relative;overflow: hidden;padding-top: 100%;}
.product .swiper-slide .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;}
.product .swiper-slide a .p20{font-size: 20px;color: #fff;line-height: 50px;text-align: left;white-space:nowrap;text-overflow:ellipsis;width: 100%;text-indent: 20px;}
.product .next {float: left;width: 50px;height: 50px;background: #FFFFFF;border-radius: 50px;position: relative;cursor: pointer;}
.product .next img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.product .prev {float: left;width: 50px;height: 50px;background: #FFFFFF;border-radius: 50px;position: relative;margin-right: 32px;cursor: pointer;}
.product .prev img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.product .posi{position: absolute;overflow: hidden;bottom: 0;right: 40px;}
.product .more{display: block;width: 146px;height: 40px;border: 1px solid #fff;border-radius: 40px;text-align: center;transition: .5s;position: absolute;top: 25px;right: 0;}
.product .more p{display: inline-block;font-size: 16ox;color: #fff;line-height: 40px;text-transform: uppercase;transition: .5s;}
.product .more img{display: inline-block;padding-left: 15px;transition: .5s;vertical-align: middle;margin-top: -4px;-webkit-filter: grayscale(100%) brightness(1000%)}

/* 技术支持 */
.technology{max-width: 1360px;padding-top: 100px;min-height: 670px;position: relative;}
.technology .h{text-align: left;padding-bottom: 50px;}
.technology .img{width: 37.05%;height: 0;padding-top: 39.55%;position: absolute;top: 100px;right: 0;overflow: hidden;z-index: 10;}
.technology .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.swiper-container{width: 100%;}
.technology .swiper-container{width: 100%;background: #f8f8f8}
.technology .swiper-container .swiper-slide{background: #f8f8f8;padding: 45px 0 0 50px;box-sizing: border-box;min-height: 530px;}
.technology .swiper-container .swiper-slide .title{font-size: 28px;color: #272727;padding-bottom: 55px;}
.technology .swiper-container .swiper-slide .content{font-size: 18px;color: #272727;line-height: 30px;padding-bottom: 45px;padding-right: 41.17%;box-sizing: border-box;text-align: justify;}
.technology .swiper-container .swiper-slide .content p{margin-bottom: 10px;}
.technology .swiper-container .swiper-slide .content p:last{margin-bottom: 0;}
.technology .swiper-container .posi{width: 132px;height: 50px;position: absolute;right: 40px;bottom: 25px;z-index: 10;}
.technology .more{display: block;width: 146px;height: 40px;border: 1px solid #272727;border-radius: 40px;text-align: center;margin-left: 0;transition: .5s;position: absolute;bottom: 35px;left: 50px;z-index: 10;}
.technology .more p{display: inline-block;font-size: 16px;color: #272727;line-height: 40px;text-transform: uppercase;transition: .5s;}
.technology .more img{display: inline-block;padding-left: 15px;transition: .5s;vertical-align: middle;margin-top: -4px;}
.technology .more:hover{background: #007AFF;border: 1px solid #007AFF;}
.technology .more:hover p{color: #fff;}
.technology .more:hover img{-webkit-filter: grayscale(100%) brightness(1000%)}


/* 成功案例 */
.case{width: 100%;padding-top: 95px;}
.case .caseHead{width: 100%;padding: 35px 0;text-align: center;}
.case .caseHead a{display: inline-block;min-width: 134px;height: 37px;border: 1px solid #bdbdbd;border-radius: 39px;line-height: 37px;font-size: 20px;margin-right: 17px;color: #565656;}
.case .caseHead a:last-child{margin-right: 0;}
.case .active{background: #0083c7!important;border: 1px solid #0083c7!important;color: #FFFFFF!important;}
.caseBody{width: 100%;height: 100%;padding-bottom: 70px;overflow: hidden;position: relative;}
.caseBody .swiper-wrapper{width: 100%}
.caseBody .img{display: block;width: 100%;height: 0;padding-top: 114.7%;position: relative;overflow: hidden;}
.caseBody .img .pic{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;transition: .5s;}
.caseBody .black{width: 100%;height: 100%;position: absolute;top: 0;background: rgba(20,52,145,.5);text-align: center;opacity: 0;transition: .5s;}
.caseBody .black .title{font-size: 20px;color: #FFFFFF;padding-top: 19.78%;}
.caseBody .black .ftitle{font-size: 16px;color: rgba(255,255,255,.6);text-transform: uppercase;}
.caseBody .black .search{width: 21.97%;height: 0;padding-top: 21.97%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);background: rgba(255,255,255,.5);border-radius: 110px;}
.caseBody .black .search img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 50%;height: auto;}
.caseBody a:hover .black{opacity: 1;}
.caseBody a:hover .pic{width: 110%;height: auto;}


/* 新闻中心 */
.news{max-width: 1360px;padding: 60px 0 100px;}
.news .more{display: block;width: 146px;height: 40px;border: 1px solid #272727;border-radius: 40px;text-align: center;margin-left: 0;margin: 35px auto;transition: .5s;}
.news .more p{display: inline-block;font-size: 16px;color: #272727;line-height: 40px;text-transform: uppercase;transition: .5s;}
.news .more img{display: inline-block;padding-left: 15px;transition: .5s;vertical-align: middle;margin-top: -4px;}
.news .more:hover{background: #007AFF;border: 1px solid #007AFF;}
.news .more:hover p{color: #fff;}
.news .more:hover img{-webkit-filter: grayscale(100%) brightness(1000%)}
.news .content{width: 100%;}
.news .content .list{float: left;width: 31.8%;margin-right: 2.3%;}
.news .content .list:last-child{margin-right: 0;}
.news .content .list .img{width: 100%;height: 0;padding-top: 61.61%;position: relative;overflow: hidden;}
.news .content .list .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;transition: .5s;}
.news .content .list .text{width: 100%;padding: 35px 20px;color: #272727;box-sizing: border-box;position: relative;background: #FFFFFF;transition: .5s;}
.news .content .list .text .title{font-size: 18px;white-space:nowrap;text-overflow:ellipsis;width: 100%;overflow: hidden;padding-bottom: 15px;transition: .5s;}
.news .content .list .text .smalltext{font-size: 16px;opacity: .6;line-height: 30px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;width: 100%;text-align: justify;transition: .5s;}
.news .content .list .text .url{width: 68px;height: 40px;background: #FFFFFF;position: absolute;transform: translateY(-50%);left: 77%;top: 0;transition: .5s;}
.news .content .list .text .url img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: auto;transition: .5s;}
.news .content .list:hover .text {background: #0083c7;}
.news .content .list:hover .text p{color: #FFFFFF!important;}
.news .content .list:hover .url{background-color: #0083C7;}
.news .content .list:hover .url img{-webkit-filter: grayscale(100%) brightness(1000%)}
.news .content .list:hover .img img{width: 110%;height: auto;}


/* footer */
.footerBg{width: 100%;min-height: 186px;background: url(../images/footerBg.jpg);padding-top: 65px;box-sizing: border-box;}
.footer{max-width: 1360px;position: relative;}
.footer .logo{float: left;width: 27.64%;height: 0;padding-top: 4.558%;position: relative;overflow: hidden;margin-right: 7.42%;}
.footer .logo img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.footer .phone{float: left;width: 23.9%;overflow: hidden;}
.footer .phone img{float: left;width: auto;margin-right: 14px;margin-top: 4px;}
.footer .phone .text{float: left;color: #FFFFFF;}
.footer .phone .text .p16{font-size: 16px;}
.footer .phone .text .p16 span{font-size: 14px;text-transform: uppercase;font-weight: 100;}
.footer .phone .text .p24{font-size: 24px;font-weight: bold;}
.footer .Adress{width: 31.25%!important;}
.footer .Adress{width: calc(100% - 45px);}
.footer .Adress .p24{font-size: 16px!important;font-weight: 400!important;}
.footer .QR{float: right;width: 9.63%;height: 0;padding-top: 9.63%;position: absolute;overflow: hidden;right: 0;top: -40px;border: 1px solid #b4b4b4;}
.footer .QR img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}

/* copy */
.copy{width: 100%;padding: 19px 0;text-align: center;background: #0079b8;}
.copy p{font-size: 14px;color: #FFFFFF;opacity: .7;}
.copy a{color: #FFFFFF;}


/* 公司简介 */
.subUs{max-width: 1360px;padding: 70px 0 200px;background: url(../images/subjjBg.png)no-repeat bottom;background-size: 100%;}
.subUs .h{padding-bottom: 55px;}
.subUs .content{float: left;width: 58.08%;padding-top: 20px;font-size: 16px;color: #272727;line-height: 26px;text-align: justify;}
.subUs .content p{padding-bottom: 10px;}
.subUs .content p:last-child{padding-bottom: 0;}
.subUs .img{float: right;width: 39.04%;height: 0;padding-top: 31.02%;position: relative;overflow: hidden;}
.subUs .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}


/* 新闻中心 */
.subNews{max-width: 1360px;padding: 70px 0 100px;}
.subNews .h{padding-bottom: 55px;}
.subNews .content{width: 100%;}
.subNews .content .list{display: block;width: 100%;overflow: hidden;height: 356px;padding: 55px 97px;box-sizing: border-box;transition: .5s;position: relative;}
.subNews .content .list::after{content: '';display: block;width: 90%;height: 1px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;background: #C4E5FF;transition: .5s;}
.subNews .content .list .img{float: left;width: 34.64%;height: 100%;position: relative;overflow: hidden;}
.subNews .content .list .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;transition: .5s;}
.subNews .content .list .text{float: right;width: calc(100% - 38.59%);height: 100%;}
.subNews .content .list .text .title{font-size: 30px;color: #202020;font-weight: bold;line-height: 78px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;}
.subNews .content .list .text .time{font-size: 18px;color: #666666;}
.subNews .content .list .text .browse{font-size: 18px;color: #666666;padding: 18px 0;}
.subNews .content .list .text .smalltext{font-size: 18px;color: #202020;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;width: 100%;}
.subNews .content .list:hover{box-shadow: 0 5px 20px #c4e5ff;}
.subNews .content .list:hover::after{width: 100%;}
.subNews .content .list:hover img{width: 110%;}

/* 产品中心 */
.subProduct{max-width: 1360px;padding: 70px 0 100px;}
.subProduct .h{padding-bottom: 55px;}
.subProduct .box{width: 100%;position: relative;padding: 0 60px;box-sizing: border-box;}
.subProduct .swiper-slide a{display: block;height: 39px;border: 1px solid #bdbdbd;border-radius: 39px;line-height: 39px;text-align: center;font-size: 20px;color: #565656;}
.subProduct .swiper-button-next::after{display: none!important;}
.subProduct .swiper-button-prev::after{display: none!important;}
.subProduct .swiper-button-next{width: 44px;height: 44px;background: #eeeeee;border-radius: 44px;border: none;outline: none;}
.subProduct .swiper-button-prev{width: 44px;height: 44px;background: #eeeeee;border-radius: 44px;border: none;outline: none;}
.subProduct .swiper-slide .active{background: #0083c7;color: #FFFFFF;border: 1px solid #0083C7;}
.subProduct .content{width: 100%;padding-top: 55px;padding-bottom: 40px;}
.subProduct .content .list{float: left;width: 23.67%;margin-right: 1.61%;transition: .5s;margin-bottom: 25px;}
.subProduct .content .list:nth-child(4n){margin-right: 0;}
.subProduct .content .list .img{width: 100%;height: 0;padding-top: 78.88%;position: relative;overflow: hidden;border: 1px solid #e8e8e8;box-sizing: border-box;}
.subProduct .content .list .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);width: 100%;min-height: 100%;}
.subProduct .content .list .img .bg{width: 100%;height: 100%;background-color: rgba(0,0,0,.5);position: absolute;top: 0;opacity: 0;transition: .5s;}
.subProduct .content .list .img .bg .more{display: block;width: 122px;height: 43px;border: 1px solid #fff;text-align: center;text-transform: uppercase;font-size: 14px;line-height: 43px;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);color: #fff;}
.subProduct .content .list p{font-size: 24px;color: #202020;line-height: 77px;display: block;height: 77px;padding: 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;text-align: center;position: relative;box-sizing: border-box;}
.subProduct .content .list .title::after{content: '';display: block;width: 0;height: 4px;background: #0083c7;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;transition: .5s;}
.subProduct .content .list:hover{box-shadow: 0 6px 10px #dedede;}
.subProduct .content .list:hover .title::after{width: 100%;}
.subProduct .content .list:hover .bg{opacity: 1;}

/* 成功案例 */
.subCase{max-width: 1360px;padding: 70px 0 100px;}
.subCase .h{padding-bottom: 55px;}
.subCase .content{width: 100%;padding-top: 55px;padding-bottom: 40px;}
.subCase .colunm{width: 100%;text-align: center;}
.subCase .colunm a{display: inline-block;min-width: 134px;height: 37px;border: 1px solid #bdbdbd;border-radius: 39px;line-height: 37px;font-size: 20px;margin-right: 17px;color: #565656;}
.subCase .colunm a:last-child{margin-right: 0;}
.subCase .active{background: #0083c7!important;border: 1px solid #0083c7!important;color: #FFFFFF!important;}
.subCase .content .list{float: left;width: 23.67%;height: 0;padding-top: 27.2%;margin-right: 1.61%;transition: .5s;margin-bottom: 30px;position: relative;overflow: hidden;}
.subCase .content .list:nth-child(4n){margin-right: 0;}
.subCase .content .list .pic{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;transition: .5s;}
.subCase .content .list .bg{width: 100%;height: 100%;background: rgba(20,52,145,.5);position: absolute;top: 0;text-align: center;opacity: 0;transition: .5s;}
.subCase .content .list .bg .title{font-size: 17px;color: #fff;padding-top: 19.78%;}
.subCase .content .list .bg .ftitle{font-size: 11px;color: fff;color: rgba(255,255,255,.6);text-transform: uppercase;}
.subCase .content .search{width: 21.97%;height: 0;padding-top: 21.97%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);background: rgba(255,255,255,.5);border-radius: 110px;}
.subCase .content .search img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 50%;height: auto;}
.subCase .content .list:hover .bg{opacity: 1;}
.subCase .content .list:hover .pic{width: 110%;height: auto;}

/* 技术支持 */
.subTechnology{max-width: 1360px;padding: 70px 0 100px;}
.subTechnology .h{padding-bottom: 55px;}
.subTechnology .colunm{width: 100%;text-align: center;}
.subTechnology .colunm a{display: inline-block;min-width: 180px;height: 37px;border: 1px solid #bdbdbd;border-radius: 39px;line-height: 37px;font-size: 20px;margin-right: 17px;color: #565656;}
.subTechnology .colunm a:last-child{margin-right: 0;}
.subTechnology .active{background: #0083c7!important;border: 1px solid #0083c7!important;color: #FFFFFF!important;}
.subTechnology .box{width: 100%;padding: 40px 0;}
.subTechnology .list{padding: 35px  50px;position: relative;border: 1px solid #e8e8e8;box-sizing: border-box;transition: .5s;margin-bottom: 20px;}
.subTechnology .list:last-child{margin-bottom: 0;}
.subTechnology .box .title{font-size: 28px;color: #0083C7;padding-bottom: 45px;}
.subTechnology .box .content{font-size: 18px;color: #272727;line-height: 30px;padding-right: 20%;box-sizing: border-box;text-align: justify;}
.subTechnology .box .content p{margin-bottom: 10px;}
.subTechnology .box .content p:last{margin-bottom: 0;}
.subTechnology .box .content img{display: block;max-width: 100%;height: auto;margin: 10px 0;}
.subTechnology .box .download{display: block;width: 130px;height: 50px;background: #0083C7;font-size: 28px;color: #FFFFFF;text-align: center;line-height: 50px;position: absolute;top: 50%;right: 40px;transform: translateY(-50%);transition: .5;}
.subTechnology .box .download:hover{background: #0079dd;}
.subTechnology .list:hover{background: #f8f8f8;}

/* 在线留言 */
.subMessage{max-width: 1360px;padding: 70px 0 100px;}
.subMessage .h{padding-bottom: 55px;}
.subMessage .img{width: 100%;height: 0;padding-top: 16.17%;position: relative;overflow: hidden;}
.subMessage .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.subMessage .content{width: 100%;padding: 55px 0 0;background: #f4f4f4;}
.subMessage form{width: 100%;overflow: hidden;}
.subMessage form .le{float: left;width: 45%;margin-left: 45px;}
.subMessage form .le input{display: block;width: 100%;height: 60px;margin-bottom: 20px;font-size: 18px;color: #666666;text-indent: 32px;}
.subMessage form .le input:last-child{margin-bottom: 0;}
.subMessage form textarea{float: right;width: 45%;height: 220px;border: none;outline: none;resize: none;font-size: 18px;color: #666666;font-family: "Noto Sans SC";text-indent: 27px;padding: 13px 5px 0;box-sizing: border-box;line-height: 26px;margin-right: 45px;}
.subMessage form button{float: left;width: 100%;height: 68px;background: #0083c7;border: none;outline: none;margin-top: 70px;font-size: 20px;color: #FFFFFF;transition: .5s;cursor: pointer;}
.subMessage form button:hover{background: #0079DD;}

::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #999; 
font-size: 18px;
} 
:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #999; 
font-size: 18px;
} 
::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #999; 
font-size: 18px;
} 
::-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #999; 
font-size: 18px;
}




input[type=number]::-webkit-inner-spin-button,  
    input[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none; 
        appearance: none; 
        margin: 0; 
    }




/* 联系我们 */
.subContact{max-width: 1360px;padding: 70px 0 100px;}
.subContact .h{padding-bottom: 55px;}
.subContact .content{width: 100%;height: 354px;}
.subContact .content .map{float: left;width: 50%;height: 100%;}
.subContact .content .map form{width: 100%;height: 100%;}
.subContact .content .text{float: right;width: 50%;height: 100%;padding: 45px 45px 0;box-sizing: border-box;background: url(../images/lx.jpg);}
.subContact .content .text .title{font-size: 28px;color: #FFFFFF;}
.subContact .content .text .ftitle{font-size: 10px;color: #FFFFFF;padding-bottom: 40px;text-transform: uppercase;}
.subContact .content .text .list{width: 100%;overflow: hidden;padding-bottom: 15px;}
.subContact .content .text .list .img{float: left;width: 21px;height: 24px;position: relative;margin-right: 10px;}
.subContact .content .text .list img{display: block;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.subContact .content .text .list .p16{float: left;font-size: 16px;color: #FFFFFF;}



@media screen and (max-width: 1280px) {
    .head .phone .text .p20{font-size: 13px;}
    .us{width: 1220px;}
    .product{width: 1220px;}
    .picScroll-left{width: 1220px;}
    .picScroll-left .bd ul li{width: auto!important;}
    .picScroll-left .bd ul li a{width: 370px;margin-right: 40px;height: 400px;}
    .technology{width: 1220px;}
    .caseBody{width: 1263px;}
    .news{width: 1220px;}
    .subUs{width: 1220px;}
    .subNews{width: 1220px;}
    .subProduct{width: 1220px;}
    .subCase{width: 1220px;}
    .subTechnology{width: 1220px;}
    .subMessage{width: 1220px;}
    .subContact{width: 1220px;}
    .footer{width: 1220px;}
}